<template>
	<view class="testReCord">
		<view class="record" v-for="(item,index) in record" :key="index">
			<view>订单编号：{{item.number}}</view>
			<view>委托方：{{item.client}}</view>
			<view>送检时间：{{item.date}}</view>
			<view>检测项目：{{item.project}}</view>
			<view>检测结果：{{item.result}}</view>
			<view style="text-align: right;">价格：{{item.price}}</view>
			<view class="status">{{item.status}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				record:[
					{
						number:1,
						client:"委托方",
						date:'送检时间',
						project:"送检项目",
						result:'检测结果',
						price:'价格',
						status:"状态"
					},
					{
						number:1,
						client:"委托方",
						date:'送检时间',
						project:"送检项目",
						result:'检测结果',
						price:'价格',
						status:"状态"
					}
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
.testReCord{
	background-color: #f5f5f5;
	height: 100vh;
	display: flex;
	flex-direction: column;
	.record{
		position: relative;
		background-color: #fff;
		margin-top: 10px;
		padding: 10px 10px 0;
		line-height: 24px;
		font-size: 16px;
		.status{
			position: absolute;
			top: 10px;
			right: 10px;
			color: red;
		}
	}
}
</style>
